<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../../js/element-ui/index.css">
    <style>
        .el-header {
            background-color: #B3C0D1;
            color: #333;
            line-height: 60px;
        }

        .el-aside {
            color: #333;
        }
    </style>
</head>
<body>
<div id="mangerHome">
    <template>
        <el-descriptions title="用户信息" direction="vertical" :column="4" border>
            <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
            <el-descriptions-item label="性别" :span="2">男</el-descriptions-item>
            <el-descriptions-item label="年龄" :span="2">30</el-descriptions-item>
            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
            <el-descriptions-item label="工号" :span="2">1516565</el-descriptions-item>
            <el-descriptions-item label="登录密码" :span="2">1516565</el-descriptions-item>
            <el-descriptions-item label="今日计划">
                <el-input
                        type="textarea"
                        :autosize="{ minRows: 7, maxRows: 10}"
                        placeholder="请输入内容"
                        v-model="textarea2">
                </el-input>
            </el-descriptions-item>
<!--            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>-->
        </el-descriptions>
    </template>
</div>
<script src="../../js/vue.js"></script>
<!-- 引入组件库 -->
<script src="../../js/element-ui/index.js"></script>
<script>
    new Vue({
        el:'#mangerHome',
        data() {
            return {
                textarea1: '',
                textarea2: ''
            }
        }
    })
</script>
</body>
</html>